<?php
//======================================================================================
//
// Function: Maintain HUB_WA0356
//
// Programmer: JKJ
// Date : 2024-08-15
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================
// https://stackoverflow.com/questions/56062658/clicking-programmatically-on-the-arrows-of-html-inputs-type-number
// https://datatables.net/manual/server-side
// https://datatables.net/examples/data_sources/server_side
//======================================================================================
// Get input
//======================================================================================
if (isset($_REQUEST["lilin"])) {
$LILIN = $_REQUEST["lilin"];
} else {
$LILIN = 'LA';
}
//======================================================================================
// Make line uppercase
//======================================================================================
//======================================================================================
// General config
//======================================================================================
include "config/config.php";
//======================================================================================
// Check if user is logged in?
//======================================================================================
include "login_check.php";
//======================================================================================
// Get session variables
//======================================================================================
include "include/getsession.php";
// include "include/uuid_create.php";
// include "include/generate_password_md5.php";
//======================================================================================
// Set language
//======================================================================================
include "include/set_language.php";
//======================================================================================
// Set defaults
//======================================================================================
// $pk_reference = $_SESSION['session_dft_pk_reference'];
// $referenceCode = $_SESSION['session_dft_referencecode'];
// $referenceName = $_SESSION['session_dft_referencename'];
//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $datahub_text0001 ?></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="REEFTvisual - Stoptime">
<meta name="author" content="REEFT A/S">
<link rel="icon" href="images/favicon/favicon.ico">
<!-- Bootstrap / jQuery -->
<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">
<link href="css/bootstrap4.3.1/css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/sticky-footer.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="css/fontawesome6.5.1/js/all.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-light.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-regular.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-solid.min.js"></script>
<script src="css/fontawesome6.5.1/js/sharp-thin.min.js"></script>
<link href="css/bootstrap_animation/css/animate4/animate.css" rel="stylesheet" type="text/css">
<!--<link href="javascript/chosen/chosen.css" rel="stylesheet" type="text/css">-->
<link href="javascript/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<script src="javascript/jquery.js"></script>
<script src="css/bootstrap4.3.1/js/popper.js"></script>
<script src="css/bootstrap4.3.1/js/bootstrap.min.js"></script>
<script src="javascript/jquery-ui/jquery-ui.min.js"></script>
<script src="javascript/jquery.ui.touch-punch.min.js"></script>
<link href="javascript/bgrins-spectrum/spectrum.css" rel="stylesheet" type="text/css">
<script src="javascript/bgrins-spectrum/spectrum.js"></script>
<script src="javascript/moment.min.js"></script>
<script src="javascript/moment-with-locales.min.js"></script>
<script src="javascript/moment-duration-format.min.js"></script>
<script src="javascript/number_format/jquery.number.min.js"></script>
<script src="javascript/jquery.scrollTo.min.js"></script>
<!-- Data tables start -->
<link href="javascript/datatables.3.12/datatables.min.css" rel="stylesheet">
<script src="javascript/datatables.3.12/datatables.min.js"></script>
<!-- Data tables end -->
<script src="javascript/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<script src="javascript/viewer-master/dist/viewer.min.js"></script>
<link href="javascript/viewer-master/dist/viewer.min.css" rel="stylesheet">
<script src="javascript/ajaxq/ajaxq.js"></script>
<link id="scrollUpTheme" rel="stylesheet" href="javascript/scrollup-master/dist/css/themes/image.css">
<script src="javascript/scrollup-master/dist/jquery.scrollUp.js"></script>
<script src="javascript/shortcut.js"></script>
<script src="javascript/_reeft_js/set_font_awesome_icon_type.js"></script>
<script src="javascript/_reeft_js/date_convert.js"></script>
<style>
.btn-custom-wide {
height:60px;
width:210px;
}
.text-truncate-dt {
max-width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-align-dt {
text-align: center;
}
.modal-xxl {
max-width: 80%;
}
.modal-xl {
max-width: 50%;
}
.border-3 {
border-width:3px !important;
}
td .hover-img {
position:relative;
}
td .hover-img span {
position:absolute; left:-9999px; top:-9999px; z-index:9999;
}
td:hover .hover-img span {
top: 5px;
left:0px;
}
.chosen-container-single {
min-width: 100%;
}
</style>
<script language="JavaScript">
//=============================================================================
// Globals
//=============================================================================
var thisCurrentRow;
var thisGlobalRowData;
var thisGlobalTableData;
// Save field
var save_LILIN = '';
var save_WZART = '';
var global_debug = 'N';
// Add allowed Y/N
var GLOBAL_ADD_ALLOWED = 'Y';
// Show group buttons
var GLOBAL_SHOW_GROUP_BUTTONS = 'Y';
// Delete allowed Y/N
var GLOBAL_DELETE_ALLOWED = 'Y';
// sortMode
var GLOBAL_SORTMODE = 'DESC';
var jsonDataSave = {};
var DFT_DATE_DISPLAY_FORMAT = '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
var DFT_LANGUAGE = '<?php //echo $DFT_LANGUAGE ?>';
var GLOBAL_TOTALPAGESSTOPVALUE = 10;
// Save field
//var save_CFGNAM = '';
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
//topDistance: '1800', // Distance from top before showing element (px)
//topSpeed: 300, // Speed back to top (ms)
scrollDistance: '300', // Distance from top before showing element (px)
scrollSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: false, //'Scroll to top', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
});
});
//=============================================================================
// Get data
//=============================================================================
function getData( inputGetData )
{
// Reset, show all
if ( inputGetData == '*RESET' ) {
inputGetData = '';
//Clear search
thisGlobalTableData.search( '' );
}
//Only initialize datatables once, else just draw it
if ( $.fn.dataTable.isDataTable( '#REEFTvisual_data' ) ) {
thisGlobalTableData.draw(); // fire in the hole
}
else {
setDataTables();
}
}
//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{
// Delete allowed?
if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
var show_the_delete_button = true;
} else {
var show_the_delete_button = false;
}
$('#REEFTvisual_data').DataTable({
"destroy": true,
"ajax": {
"url": 'hub_wa0356_maintain_get.php',
"type": "POST",
"data": function (parmData) {
// Add custom parameters to the ajax call
// Get the current date line
input_LILIN = $('#input-LILIN').val();
parmData.LILIN = input_LILIN;
},
dataSrc: function (jsonData) { //return data
var rpyCMPNO = jsonData.header.rpyCMPNO;
var rpyCMPNO_Name = jsonData.header.rpyCMPNO_Name;
var rpyFile_name = jsonData.header.rpyFile_name
var rpyFile_description = jsonData.header.rpyFile_description
var rpyTableRecordsFound= jsonData.header.rpyTableRecordsFound
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
var response_sec = jsonData.header.response_sec;
// Show load time
$('#text-total-records-found').html( rpyTableRecordsFound );
$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');
// Set Company and file information
if ( rpyCMPNO != '' ) {
$('#data-hub-company-information').html( '<span title="' + rpyFile_name + ' - ' + rpyFile_description + '">' + rpyCMPNO_Name + ' (' + rpyCMPNO + ')' + '</span>' ).css('font-size','1.3em');
}
// Init button line fields
var HTMLlineButtons = '';
var HTMLlineButtonsModal = '';
var selectedButtonClass = 'btn-dark';
// Get name of search item
input_LILIN = $('#input-LILIN').val();
// Just in case
if (input_LILIN == '' ) {
input_LILIN = '<?php echo $LILIN ?>';
}
//=====================================================================================
// Create group buttons, only if wanted
//=====================================================================================
if ( GLOBAL_SHOW_GROUP_BUTTONS == 'Y' ) {
$.each( jsonData.header_buttons, function( index, object ){
var buttonLine = object.buttonLine;
var buttonCount = object.buttonCount;
if ( input_LILIN == buttonLine ) {
selectedButtonClass = 'btn-success';
} else {
selectedButtonClass = 'btn-dark';
}
var selectButtonLineID = 'select-button-line-id-' + buttonLine;
var selectButtonLineIDmodal = 'select-button-line-id-modal-' + buttonLine + '_' + buttonCount;
HTMLlineButtons += '<button type="button" onclick="setWebserviceSearch(\'' + buttonLine + '\')" style="cursor:default" id="' + selectButtonLineID + '" class="btn ' + selectedButtonClass + ' select-button-line btn-sm mr-1 mb-1" onclick="firstPage(\'' + buttonLine + '\',\'' + '0' + '\',\'' + '' + '\',\'' + 'buttonPages' + '\')">'
+ buttonLine + ' (<b>' + buttonCount + '</b>)'
+ '</button>'
HTMLlineButtonsModal += '<button type="button" style="width:60px" id="' + selectButtonLineIDmodal + '" class="select-button-line-modal btn btn-primary btn-sm mr-1 mb-1" onclick="selectLineModal(\'' + buttonLine + '\')">'
+ buttonLine
+ '</button>'
});
$('#data-result-button-lines').html(HTMLlineButtons);
$('#data-result-button-lines-modal').html(HTMLlineButtonsModal);
}
//=====================================================================================
return jsonData.data;
}
},
processing: true,
serverSide: true,
responsive: true,
fixedHeader: true,
order: [[ 0, "asc" ]],
columns:
[
{ data: "LILIN" }, // 0
{ data: "WZART" }, // 1
{ data: "WZDSC" }, // 2
{
// Since we are combining multiple data fields, use null as the data source
data: null,
//data: "ACTIV",
render: function (data, type, row, meta)
{
// Create edit button
//console.log('setDataTables: ' + row.ACTIV)
ACTIV = $('#modal-input-ACTIV').val()
if ( ACTIV != '' ) {
row.ACTIV = ACTIV;
}
if ( row.ACTIV == '1') {
var myACTIVEtext = '<div class="text-center text-success"><?php echo $datahub_YES ?></div>';
} else {
var myACTIVEtext = '<div class="text-center text-danger font-weight-bold"><?php echo $datahub_NO ?></div>';
}
return myACTIVEtext;
}
},
{
// Since we are combining multiple data fields, use null as the data source
data: null,
render: function (data, type, row, meta)
{
// Create edit button
var myButton = '<button id="edt-' + row.LILIN + '-' + row.WZART + '" class="edit-btn btn btn-primary btn-block mr-1"><?php echo $datahub_button_show_details ?></button>';
return myButton;
}
},
{
// Since we are combining multiple data fields, use null as the data source
data: null,
// data: "WZART",
render: function (data, type, row, meta)
{
// Create delete button
var myButton = '<button id="dlt-' + row.LILIN + '-' + row.WZART + '" class="delete-btn btn btn-danger btn-block mr-1"><?php echo $datahub_button_delete ?></button>';
return myButton;
}
},
{ data: "CMPNO" }, // 6
{ data: "WZHGH" }, // 7
{ data: "WZRVS" }, // 8
{ data: "WZBAR" }, // 9
{ data: "WZCLR" }, // 10
{ data: "WZPSZ" }, // 11
{ data: "WZDT1" }, // 12
{ data: "WZDT2" }, // 13
{ data: "WZDT3" }, // 14
{ data: "WZDT4" }, // 15
{ data: "WZDT5" }, // 16
{ data: "WZAC1" }, // 17
{ data: "WZAC2" }, // 18
{ data: "WZAC3" }, // 19
{ data: "WZAC4" }, // 20
{ data: "WZAC5" }, // 21
{ data: "WZBTN" }, // 22
{ data: "WZBTT" }, // 23
{ data: "WZTINF"}, // 24
{ data: "WZMPS" }, // 25
{ data: "WZMLE" }, // 26
{ data: "WZMLW" }, // 27
{ data: "WZUNI" }, // 28
{ data: "WZMLP" }, // 29
{ data: "WZMLV" }, // 30
{ data: "WZMWP" }, // 31
{ data: "WZPTY" }, // 32
{ data: "WZAIS" }, // 33
{ data: "WZROW" }, // 34
{ data: "WZTIR" }, // 35
{ data: "WZNUM" }, // 36
{ data: "WZPKT" }, // 37
{ data: "WZIO1" }, // 38
{ data: "WZIO2" }, // 39
{ data: "WZIO3" }, // 40
{ data: "WZWEI" }, // 41
{ data: "WZMEA" }, // 42
{ data: "WZCNT" }, // 43
{ data: "WZSPW" }, // 44
{ data: "RES1A" }, // 45
{ data: "RES2A" }, // 46
{ data: "RES3A" }, // 47
{ data: "RES4A" }, // 48
{ data: "RES1N" }, // 49
{ data: "RES3N" }, // 50
{ data: "RES5N" }, // 51
{ data: "RES9N" }, // 52
{ data: "WZBCL" }, // 53
{ data: "WZBTP" }, // 54
{ data: "WZQUA" }, // 55
{ data: "WZBLD" }, // 56
{ data: "ACTIV" } // 57
],
"columnDefs": [
// Make sure the sorts toggle asc/desc and not asc/desc/no-sort
{ orderSequence: ['asc', 'desc'], targets: [0,1,2] },
{
"targets": [ 3,4 ],
"visible": true,
"searchable": false,
"orderable": false
},
{
"targets": [ 5 ],
"visible": show_the_delete_button,
"searchable": false,
"orderable": false
},
{
"targets": [ 2 ],
"className": "text-truncate-dt" //class to mimic text-truncate in dt
},
{
"targets": [ 6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57 ],
"visible": false,
"searchable": false,
"orderable": false
},
{
"targets": [ 4,5 ],
"width": '100px',
"className": "text-align-dt"
},
],
pageLength: 25,
layout: {
top1Start: [
{
pageLength: {
menu: [10, 25, 50, 100, 250]
}
}
],
top1End: [{
search: {
placeholder: '<?php echo $datahub_datatable_Search_text ?>',
processing: true
}
}],
topStart: {
info:{
}
},
topEnd: {
paging: {
buttons: 7,
firstLast: true,
boundaryNumbers: true,
}
},
bottomStart: {
buttons: [
{
extend: 'copyHtml5',
text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
titleAttr: 'Copy',
title: 'DATAHUB - Config Data Export - Copy to clipboard',
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3]
}
},
{
extend: 'excelHtml5',
text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
titleAttr: 'Excel',
title: function(){
return 'DATAHUB transactions file export';
},
filename: function(){
//var p_id = $('#input-PRDNO').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3]
}
},
{
extend: 'pdfHtml5',
text: '<img src="images/pdf_logo.png" height="25"> PDF',
titleAttr: 'PDF',
orientation: 'landscape',
title: 'DATAHUB - Config Data Export - PDF',
filename: function(){
//var p_id = $('#input-PRDNO').val();
var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
return 'DATAHUB - Config Data Export - Excel - ' + p_id;
},
exportOptions: {
// Fields to export (https://datatables.net/reference/button/csv#Examples)
columns: [0,1,2,3],
modifier: {
page: 'all'
}
}
}
]
},
bottomEnd: {
paging: {
buttons: 7,
firstLast: true,
boundaryNumbers: true
}
}
},
language:
{
"decimal": ",",
"thousands": ".",
"emptyTable": "<?php echo $datahub_datatable_emptyTable ?>",
"info": "<?php echo $datahub_datatable_Info ?>",
"infoEmpty": "<?php echo $datahub_datatable_InfoEmpty ?>",
"InfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
"infoPostFix": "",
"lengthMenu": "<?php echo $datahub_datatable_LengthMenu ?>",
"loadingRecords": "",
"processing": "<?php echo $datahub_datatable_Processing ?>",
"search": "<?php echo $datahub_datatable_Search ?>",
"zeroRecords": "<?php echo $datahub_datatable_ZeroRecords ?>",
"paginate":
{
"first": "<?php echo $datahub_datatable_First ?>",
"last": "<?php echo $datahub_datatable_Last ?>",
"next": "<?php echo $datahub_datatable_Next ?>",
"previous": "<?php echo $datahub_datatable_Previous ?>"
},
"aria": {
"orderable": "Order by this column",
"orderableReverse": "Reverse order this column"
}
},
rowCallback: function(row, data, index)
{
},
"preDrawCallback": function(settings)
{
},
"initComplete": function ()
{
}
});
//=============================================================================
// Setup the data to be able to update the table without reloading from the server
//=============================================================================
// Save the table in a global variable
thisGlobalTableData = $('#REEFTvisual_data').DataTable();
// Handle click on "Edit" button
$('#REEFTvisual_data tbody').on('click', '.edit-btn', function() {
thisCurrentRow = $(this).closest('tr');
thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();
// Debug
// console.log("edit");
// console.log(thisGlobalRowData);
//console.log(thisCurrentRow);
dataChange();
});
// Handle click on "Delete" button
$('#REEFTvisual_data tbody').on('click', '.delete-btn', function() {
thisCurrentRow = $(this).closest('tr');
thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();
// Debug
// console.log(thisGlobalRowData);
// console.log(thisCurrentRow);
dataDeleteConfirm();
});
//=============================================================================
//=============================================================================
// Place curor in search field
//=============================================================================
$('div.dt-search .dt-input').focus();
//=============================================================================
}
//=============================================================================
// Reason addd -- not used
//=============================================================================
function dataAdd ( input_pk_type )
{
var myLILIN = $('#input-LILIN').val();
$('#input-mode').val('*add');
$('#input-prdno-not-found').val('0');
resetModalInputFields();
setModalInputDefaultFields();
// Reset save field
save_LILIN = '';
save_WZART = '';
// Set active - default YES
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
// Init example data
setPNCtest();
setExampleData();
// Hide example "browser"
$('#show-example-wrapper').addClass('d-none');
$('#button-moa-style-example').html('<?php echo $datahub_text0050 ?>')
// reset action buttons
setActionPNC('*RESET','1','*');
setActionPNC('*RESET','2','*');
setActionPNC('*RESET','3','*');
setActionPNC('*RESET','4','*');
setActionPNC('*RESET','5','*');
setRES3AButton( 'N' );
setRES2AButton( 'N' );
setRES1AButton( 'N' );
setBoldMode('N');
setBackGroundMode('PN');
// Reset modal message
resetModalMessage();
// Remove key fields readonly
$('#modal-input-LILIN').removeAttr('readonly','readonly');
$('#modal-input-WZART').removeAttr('readonly','readonly');
$('#data-result-button-lines-modal').removeClass('d-none');
// Show modal
$('#wa0356_MaintainModal').modal('show');
$('#wa0356_MaintainModal').on('shown.bs.modal', function () {
$('#modal-input-WZART').trigger('focus');
})
}
//=============================================================================
// Show details
//=============================================================================
function dataChange( )
{
$('#input-mode').val('*update');
var row = thisGlobalRowData;
// Save in fields
var ACTIV = row["ACTIV"];
var CMPNO = row["CMPNO"];
var LILIN = row["LILIN"];
var WZART = row["WZART"];
var WZDSC = row["WZDSC"];
var WZQUA = row["WZQUA"];
var WZBLD = row["WZBLD"];
var WZHGH = row["WZHGH"];
var WZRVS = row["WZRVS"];
var WZBAR = row["WZBAR"];
var WZCLR = row["WZCLR"];
var WZPSZ = row["WZPSZ"];
var WZDT1 = row["WZDT1"];
var WZDT2 = row["WZDT2"];
var WZDT3 = row["WZDT3"];
var WZDT4 = row["WZDT4"];
var WZDT5 = row["WZDT5"];
var WZAC1 = row["WZAC1"];
var WZAC2 = row["WZAC2"];
var WZAC3 = row["WZAC3"];
var WZAC4 = row["WZAC4"];
var WZAC5 = row["WZAC5"];
var WZBTN = row["WZBTN"];
var WZBTT = row["WZBTT"];
var WZTINF = row["WZTINF"];
var WZMPS = row["WZMPS"];
var WZMLE = row["WZMLE"];
var WZMLW = row["WZMLW"];
var WZUNI = row["WZUNI"];
var WZMLP = row["WZMLP"];
var WZMLV = row["WZMLV"];
var WZMWP = row["WZMWP"];
var WZPTY = row["WZPTY"];
var WZAIS = row["WZAIS"];
var WZROW = row["WZROW"];
var WZTIR = row["WZTIR"];
var WZNUM = row["WZNUM"];
var WZPKT = row["WZPKT"];
var WZIO1 = row["WZIO1"];
var WZIO2 = row["WZIO2"];
var WZIO3 = row["WZIO3"];
var WZWEI = row["WZWEI"];
var WZMEA = row["WZMEA"];
var WZCNT = row["WZCNT"];
var WZSPW = row["WZSPW"];
var RES1A = row["RES1A"];
var RES2A = row["RES2A"];
var RES3A = row["RES3A"];
var RES4A = row["RES4A"];
var RES1N = row["RES1N"];
var RES3N = row["RES3N"];
var RES5N = row["RES5N"];
var RES9N = row["RES9N"];
var WZBCL = row["WZBCL"];
var WZBTP = row["WZBTP"];
var counter = row["counter"];
// Move to input fields
$('#modal-input-counter').val(counter);
$('#modal-input-LILIN').val(LILIN);
$('#modal-input-WZART').val(WZART);
$('#modal-input-ACTIV').val( ACTIV );
$('#modal-input-CMPNO').val( CMPNO );
$('#modal-input-LILIN').val( LILIN );
$('#modal-input-WZART').val( WZART );
$('#modal-input-WZDSC').val( WZDSC );
$('#modal-input-WZQUA').val( WZQUA );
$('#modal-input-WZBLD').val( WZBLD );
$('#modal-input-WZHGH').val( WZHGH );
$('#modal-input-WZRVS').val( WZRVS );
$('#modal-input-WZBAR').val( WZBAR );
$('#modal-input-WZCLR').val( WZCLR );
$('#modal-input-WZPSZ').val( WZPSZ );
$('#modal-input-WZDT1').val( WZDT1 );
$('#modal-input-WZDT2').val( WZDT2 );
$('#modal-input-WZDT3').val( WZDT3 );
$('#modal-input-WZDT4').val( WZDT4 );
$('#modal-input-WZDT5').val( WZDT5 );
$('#modal-input-WZAC1').val( WZAC1 );
$('#modal-input-WZAC2').val( WZAC2 );
$('#modal-input-WZAC3').val( WZAC3 );
$('#modal-input-WZAC4').val( WZAC4 );
$('#modal-input-WZAC5').val( WZAC5 );
$('#modal-input-WZBTN').val( WZBTN );
$('#modal-input-WZBTT').val( WZBTT );
$('#modal-input-WZTINF').val(WZTINF);
$('#modal-input-WZMPS').val( WZMPS );
$('#modal-input-WZMLE').val( WZMLE );
$('#modal-input-WZMLW').val( WZMLW );
$('#modal-input-WZUNI').val( WZUNI );
$('#modal-input-WZMLP').val( WZMLP );
$('#modal-input-WZMLV').val( WZMLV );
$('#modal-input-WZMWP').val( WZMWP );
$('#modal-input-WZPTY').val( WZPTY );
$('#modal-input-WZAIS').val( WZAIS );
$('#modal-input-WZROW').val( WZROW );
$('#modal-input-WZTIR').val( WZTIR );
$('#modal-input-WZNUM').val( WZNUM );
$('#modal-input-WZPKT').val( WZPKT );
$('#modal-input-WZIO1').val( WZIO1 );
$('#modal-input-WZIO2').val( WZIO2 );
$('#modal-input-WZIO3').val( WZIO3 );
$('#modal-input-WZWEI').val( WZWEI );
$('#modal-input-WZMEA').val( WZMEA );
$('#modal-input-WZCNT').val( WZCNT );
$('#modal-input-WZSPW').val( WZSPW );
$('#modal-input-RES1A').val( RES1A );
$('#modal-input-RES2A').val( RES2A );
$('#modal-input-RES3A').val( RES3A );
$('#modal-input-RES4A').val( RES4A );
$('#modal-input-RES1N').val( RES1N );
$('#modal-input-RES3N').val( RES3N );
$('#modal-input-RES5N').val( RES5N );
$('#modal-input-RES9N').val( RES9N );
$('#modal-input-WZBCL').val( WZBCL );
$('#modal-input-WZBTP').val( WZBTP );
if ( WZPSZ == '' ) {
WZPSZ = 30;
$('#modal-input-WZPSZ').val(WZPSZ);
}
if ( WZBTP == '' ) {
WZBTP = 'PN';
$('#modal-input-WZBTP').val(WZBTP);
}
// Save orginal department code
save_LILIN = LILIN;
save_WZART = WZART;
setRES3AButton( RES3A )
setRES2AButton( RES2A )
setRES1AButton( RES1A )
setBoldMode(WZBLD);
setBackGroundMode(WZBTP);
// Set example data
$('#example-WZART').html(WZART);
$('#example-WZDSC').html(WZDSC);
$('#example-WZQUA').html('1');
$('#modal-input-WZCLR').spectrum("set", '#' + WZCLR );
$('#modal-input-WZBCL').spectrum("set", '#' + WZBCL );
setInputColorsToHiddenControlFields( 'modal-input-WZCLR', '#' + WZCLR );
setInputColorsToHiddenControlFields( 'modal-input-WZBCL', '#' + WZBCL );
setExampleData();
// 1 = *PDF
// 2 = *PIC
// 3 = *SCAN
// 4 = *MOVIE
// 5 = *LINK
// 6 = *CHECK
if ( WZDT1 != '' ) {
actionValue = WZAC1;
actionButton_ID1 = '1';
actionButton_ID2 = setActionType( WZAC1 )
setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
}
if ( WZDT2 != '' ) {
actionValue = WZAC2;
actionButton_ID1 = '2';
actionButton_ID2 = setActionType( WZAC2 )
setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
}
if ( WZDT3 != '' ) {
actionValue = WZAC3;
actionButton_ID1 = '3';
actionButton_ID2 = setActionType( WZAC3 )
setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
}
if ( WZDT4 != '' ) {
actionValue = WZAC4;
actionButton_ID1 = '4';
actionButton_ID2 = setActionType( WZAC4 )
setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
}
if ( WZDT5 != '' ) {
actionValue = WZAC5;
actionButton_ID1 = '5';
actionButton_ID2 = setActionType( WZAC5 )
setActionPNC( actionValue, actionButton_ID1, actionButton_ID2 );
}
// Check active code
if ( ACTIV != '1' && ACTIV != '0' ) {
ACTIV = '1';
}
$('#modal-input-ACTIV').val( ACTIV );
// Set active - default YES
if ( ACTIV == '1' ) {
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
}
// Make key fields readonly
$('#modal-input-LILIN').attr('readonly','readonly');
$('#modal-input-WZART').attr('readonly','readonly');
$('#data-result-button-lines-modal').addClass('d-none');
// setRES3AButton( RES3A )
// setRES2AButton( RES2A )
// setRES1AButton( RES1A )
// setBoldMode(WZBLD);
// setBackGroundMode(WZBTP);
// Save orginal department code
// save_LILIN = LILIN;
// save_WZART = WZART;
// Make key fields readonly
//$('#data-result-button-lines-modal').addClass('d-none');
//$('.read-only-class').attr('readonly','readonly');
// Reset modal message
resetModalMessage();
// Show modal
$('#wa0356_MaintainModal').modal('show');
$('#wa0356_MaintainModal').on('shown.bs.modal', function () {
$('#modal-input-WZART').trigger('focus');
})
}
//=============================================================================
// Save
//=============================================================================
function dataSave()
{
// Reset modal message
resetModalMessage();
// Check content of fields
if ( $('#modal-input-LILIN').val() == '' ) {
$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0082 ?>' );
$('#modal-input-LILIN').trigger('focus');
$('#modal-save-button').addClass('disabled').prop("disabled", true);
return false;
}
if ( $('#modal-input-WZART').val() == '' ) {
$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0023 ?>' );
$('#modal-input-WZART').trigger('focus');
$('#modal-save-button').addClass('disabled').prop("disabled", true);
return false;
}
if ( $('#input-prdno-not-found').val() == '1' ) {
$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0080 ?>' );
$('#modal-input-WZART').trigger('focus');
$('#modal-save-button').addClass('disabled').prop("disabled", true);
return false;
}
if ( $('#modal-input-WZDSC').val() == '' ) {
$('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0019 ?>' );
$('#modal-input-WZDSC').trigger('focus');
$('#modal-save-button').addClass('disabled').prop("disabled", true);
return false;
}
// if ( $('#modal-input-LSTCAL').val() == '' ) {
// $('#modal-message').addClass('border-bottom').html( '<?php echo $datahub_error0083 ?>' );
// $('#modal-save-button').addClass('disabled').prop("disabled", true);
// return false;
// }
// if ( $('#modal-input-DESCP1').val() == '' ) {
// $('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0084 ?>' );
// $('#modal-save-button').addClass('disabled').prop("disabled", true);
// $('#modal-input-DESCP1').trigger('focus');
// return false;
// }
// if ( $('#modal-input-DESCP2').val() == '' ) {
// $('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0085 ?>' );
// $('#modal-save-button').addClass('disabled').prop("disabled", true);
// $('#modal-input-DESCP1').trigger('focus');
// return false;
// }
var mode = $('#input-mode').val();
//===============================================================================
// Remove # if any
//===============================================================================
// Setup remove string
let mySaveString;
// var myWorkField = $('#modal-input-DESCP1').val();
// myWorkField = myWorkField.replace("#", "");
// $('#modal-input-DESCP1').val( myWorkField );
// var myWorkField = $('#modal-input-DESCP2').val();
// myWorkField = myWorkField.replace("#", "");
// $('#modal-input-DESCP2').val( myWorkField );
//===============================================================================
// Make sure key does not have space and are in uppercase
// var myWorkField = $('#modal-input-LILIN').val();
// myWorkField = myWorkField.replace(" ", "_");
// myWorkField = myWorkField.toUpperCase();
// $('#modal-input-LILIN').val( myWorkField );
// Make array and json
var myData = $('#dataForm').find('input, select, textarea').serializeArray();
var result = JSON.stringify(myData);
var result = encodeURIComponent( result );
// console.log(result);
// console.log(myData);
// return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "hub_wa0356_maintain_save.php",
type: "POST",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
//=================================================================
// START - Update the table without doing a server reload
// Only update
//=================================================================
if ( mode == '*update' ) {
event.preventDefault();
// var myACTIV = $('#modal-input-ACTIV').val();
// console.log('myACTIV 1: ' + myACTIV)
// if ( myACTIV == '1') {
// myACTIVEtext = '<div class="text-center">Yes</div>';
// myACTIVEtext = 'YES';
// } else {
// myACTIVEtext = '<div class="text-center">No</div>';
// myACTIVEtext = 'NO';
// }
// Debug
// console.log(myGlobalRowData[0]);
// console.log(myGlobalRowData[1]);
// console.log(myGlobalRowData[2]);
// console.log(myCurrentRow);
// console.table(myGlobalTableData);
// Get the data for the "Change/Delete button", so we do not need to create it again
// myChangeButtonData = myGlobalRowData[6];
// myDeleteButtonData = myGlobalRowData[7];
//==============================================
// Use this if you want to update the whole row
//==============================================
// myGlobalTableData.row(myCurrentRow).data([
// modal_input_LILIN,
// modal_input_LSTCAL,
// modal_input_DESCP1,
// modal_input_DESCP2,
// modal_input_COUNT,
// modal_input_SERTYP,
// myChangeButtonData,
// myDeleteButtonData,
// modal_input_DESCP1,
// modal_input_DESCP2
// ])
// .draw(false)
// ;
//=======================================================
// Use this if you want to update one or more table cells
//=======================================================
thisGlobalTableData.cell(thisCurrentRow, 0 ).data($('#modal-input-LILIN').val() );
thisGlobalTableData.cell(thisCurrentRow, 1 ).data($('#modal-input-WZART').val() );
thisGlobalTableData.cell(thisCurrentRow, 2 ).data($('#modal-input-WZDSC').val() );
thisGlobalTableData.cell(thisCurrentRow, 3 ).data($('#modal-input-ACTIV').val() );
// 4 = Edit button
// 5 = Delete button
thisGlobalTableData.cell(thisCurrentRow, 6 ).data($('#modal-input-CMPNO').val() );
thisGlobalTableData.cell(thisCurrentRow, 7 ).data($('#modal-input-WZHGH').val() );
thisGlobalTableData.cell(thisCurrentRow, 8 ).data($('#modal-input-WZRVS').val() );
thisGlobalTableData.cell(thisCurrentRow, 9 ).data($('#modal-input-WZBAR').val() );
thisGlobalTableData.cell(thisCurrentRow, 10 ).data($('#modal-input-WZCLR').val() );
thisGlobalTableData.cell(thisCurrentRow, 11 ).data($('#modal-input-WZPSZ').val() );
thisGlobalTableData.cell(thisCurrentRow, 12 ).data($('#modal-input-WZDT1').val() );
thisGlobalTableData.cell(thisCurrentRow, 13 ).data($('#modal-input-WZDT2').val() );
thisGlobalTableData.cell(thisCurrentRow, 14 ).data($('#modal-input-WZDT3').val() );
thisGlobalTableData.cell(thisCurrentRow, 15 ).data($('#modal-input-WZDT4').val() );
thisGlobalTableData.cell(thisCurrentRow, 16 ).data($('#modal-input-WZDT5').val() );
thisGlobalTableData.cell(thisCurrentRow, 17 ).data($('#modal-input-WZAC1').val() );
thisGlobalTableData.cell(thisCurrentRow, 18 ).data($('#modal-input-WZAC2').val() );
thisGlobalTableData.cell(thisCurrentRow, 19 ).data($('#modal-input-WZAC3').val() );
thisGlobalTableData.cell(thisCurrentRow, 20 ).data($('#modal-input-WZAC4').val() );
thisGlobalTableData.cell(thisCurrentRow, 21 ).data($('#modal-input-WZAC5').val() );
thisGlobalTableData.cell(thisCurrentRow, 22 ).data($('#modal-input-WZBTN').val() );
thisGlobalTableData.cell(thisCurrentRow, 23 ).data($('#modal-input-WZBTT').val() );
thisGlobalTableData.cell(thisCurrentRow, 24 ).data($('#modal-input-WZTINF').val());
thisGlobalTableData.cell(thisCurrentRow, 25 ).data($('#modal-input-WZMPS').val() );
thisGlobalTableData.cell(thisCurrentRow, 26 ).data($('#modal-input-WZMLE').val() );
thisGlobalTableData.cell(thisCurrentRow, 27 ).data($('#modal-input-WZMLW').val() );
thisGlobalTableData.cell(thisCurrentRow, 28 ).data($('#modal-input-WZUNI').val());
thisGlobalTableData.cell(thisCurrentRow, 29 ).data($('#modal-input-WZMLP').val() );
thisGlobalTableData.cell(thisCurrentRow, 30 ).data($('#modal-input-WZMLV').val() );
thisGlobalTableData.cell(thisCurrentRow, 31 ).data($('#modal-input-WZMWP').val() );
thisGlobalTableData.cell(thisCurrentRow, 32 ).data($('#modal-input-WZPTY').val() );
thisGlobalTableData.cell(thisCurrentRow, 33 ).data($('#modal-input-WZAIS').val() );
thisGlobalTableData.cell(thisCurrentRow, 34 ).data($('#modal-input-WZROW').val() );
thisGlobalTableData.cell(thisCurrentRow, 35 ).data($('#modal-input-WZTIR').val() );
thisGlobalTableData.cell(thisCurrentRow, 36 ).data($('#modal-input-WZNUM').val() );
thisGlobalTableData.cell(thisCurrentRow, 37 ).data($('#modal-input-WZPKT').val() );
thisGlobalTableData.cell(thisCurrentRow, 38 ).data($('#modal-input-WZIO1').val() );
thisGlobalTableData.cell(thisCurrentRow, 39 ).data($('#modal-input-WZIO2').val() );
thisGlobalTableData.cell(thisCurrentRow, 40 ).data($('#modal-input-WZIO3').val() );
thisGlobalTableData.cell(thisCurrentRow, 41 ).data($('#modal-input-WZWEI').val() );
thisGlobalTableData.cell(thisCurrentRow, 42 ).data($('#modal-input-WZMEA').val() );
thisGlobalTableData.cell(thisCurrentRow, 43 ).data($('#modal-input-WZCNT').val() );
thisGlobalTableData.cell(thisCurrentRow, 44 ).data($('#modal-input-WZSPW').val() );
thisGlobalTableData.cell(thisCurrentRow, 45 ).data($('#modal-input-RES1A').val() );
thisGlobalTableData.cell(thisCurrentRow, 46 ).data($('#modal-input-RES2A').val() );
thisGlobalTableData.cell(thisCurrentRow, 47 ).data($('#modal-input-RES3A').val() );
thisGlobalTableData.cell(thisCurrentRow, 48 ).data($('#modal-input-RES4A').val() );
thisGlobalTableData.cell(thisCurrentRow, 49 ).data($('#modal-input-RES1N').val() );
thisGlobalTableData.cell(thisCurrentRow, 50 ).data($('#modal-input-RES3N').val() );
thisGlobalTableData.cell(thisCurrentRow, 51 ).data($('#modal-input-RES5N').val() );
thisGlobalTableData.cell(thisCurrentRow, 52 ).data($('#modal-input-RES9N').val() );
thisGlobalTableData.cell(thisCurrentRow, 53 ).data($('#modal-input-WZBCL').val() );
thisGlobalTableData.cell(thisCurrentRow, 54 ).data($('#modal-input-WZBTP').val() );
thisGlobalTableData.cell(thisCurrentRow, 55 ).data($('#modal-input-WZQUA').val() );
thisGlobalTableData.cell(thisCurrentRow, 56 ).data($('#modal-input-WZBLD').val() );
thisGlobalTableData.cell(thisCurrentRow, 57 ).data($('#modal-input-ACTIV').val() );
//.draw(false);
}
//=================================================================
// END - Update the table without doing a server reload
//=================================================================
//=================================================================
// Close the modal
//=================================================================
$('#wa0356_MaintainModal').modal('hide');
//=================================================================
// Only when add
//=================================================================
if ( mode == '*add' ) {
var myButtonID = 'select-button-line-id-' + $('#input-LILIN').val();
$('#' + myButtonID).click();
}
})
.always(function( jsonData ) {
// Reset mode
$('#input-mode').val('');
// Reset input fields
resetModalInputFields();
// reset action buttons
setActionPNC('*RESET','1','*');
setActionPNC('*RESET','2','*');
setActionPNC('*RESET','3','*');
setActionPNC('*RESET','4','*');
setActionPNC('*RESET','5','*');
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( thrownError );
console.log( xhr );
});
}
//=============================================================================
// Delete confirm
//=============================================================================
function dataDeleteConfirm( )
{
$('#input-mode').val('*delete');
var row = thisGlobalRowData;
var input_LILIN = row["LILIN"];
var input_WZART = row["WZART"];
$('#confirm-delete-LILIN').val(input_LILIN);
$('#confirm-delete-WZART').val(input_WZART);
// Create confirm text
$('#confirm-delete-text-WZART').html(input_WZART);
$('#wa0356_confirmDeleteModal').modal('show');
}
//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
// Reset modal message
resetModalMessage();
var mode = $('#input-mode').val();
// Make array and json
var myData = $('#dataForm-delete').find('input, select').serializeArray();
var result = JSON.stringify(myData);
// console.log(result);
// console.log(myData);
//return;
var parmData = 'data=' + result
+ '&mode=' + mode
;
$.ajax({
url: "hub_wa0356_maintain_save.php",
type: "POST",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
$('#wa0356_confirmDeleteModal').modal('hide');
var myButtonID = 'select-button-line-id-' + $('#input-LILIN').val();
$('#' + myButtonID).click();
//thisGlobalTableData.draw();
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Check if userid exists
//=============================================================================
function checkDataExists()
{
var WZART = $('#modal-input-WZART').val();
// If update, then the "orginal" code is ok
if ( $('#input-mode').val() == '*update' ) {
if ( WZART == save_WZART ) {
// return;
}
}
var parmData = 'prdno=' + WZART
;
$.ajax({
//url: "hub_wa0357_maintain_get.php",
url: "hub_wa0361_maintain_get.php",
type: "GET",
data: parmData,
dataType: "json",
cache: false,
})
.done(function( jsonData ) {
var returnCode = jsonData.header.returnCode;
var returnMsg = jsonData.header.returnMsg;
var entries_found = jsonData.header.entries_found;
//if ( returnCode == '50') {
if ( returnCode == '01') {
$('#modal-message').addClass(' border-bottom').html( '<?php echo $datahub_error0080 ?>' );
$('#modal-save-button').addClass('disabled').prop("disabled", true);
$('#modal-input-WZART').trigger('focus');
$('#modal-input-WZDSC').val( '' );
$('#input-prdno-not-found').val('1');
return false;
} else {
DESCP = jsonData.data[0].DESCP
$('#input-prdno-not-found').val('0');
$('#modal-input-WZDSC').val( DESCP );
}
// Reset modal message
resetModalMessage();
})
.always(function( jsonData ) {
})
.fail(function( xhr, ajaxOptions, thrownError ) {
console.log('I am failed..');
console.log( xhr );
});
}
//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{
var show_deleted = $('#input-show-deleted').val();
if ( show_deleted == 'Y' ) {
$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
$('#input-show-deleted').val('N');
} else {
$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
$('#input-show-deleted').val('Y');
}
getData('');
}
//=============================================================================
// Set Active Button (Yes/No)
//=============================================================================
function setActiveButton( activeMode )
{
if ( activeMode == '1' ) {
$('#button-deleted-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-deleted-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-deleted-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-deleted-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-ACTIV').val(activeMode );
}
//=============================================================================
// Set example data
//=============================================================================
function setExampleData( )
{
let boldMode = $('#modal-input-WZBLD').val();
let myBackGroundType = $('#modal-input-WZBTP').val();
let myTextColor = $("#modal-input-WZCLR").spectrum('get').toHexString();
let myBgColor = $("#modal-input-WZBCL").spectrum('get').toHexString();
if ( myTextColor == '#000000' && myTextColor == '#000000' )
{
myTextColor = '#000000';
myBgColor = '#ffffff';
$('#modal-input-WZCLR').spectrum("set", myTextColor );
$('#modal-input-WZBCL').spectrum("set", myBgColor );
}
//============================================================================
// Reset all
//============================================================================
$('#example-WZART').css('color', 'black');
$('#example-WZDSC').css('color', 'black');
$('#example-WZQUA').css('color', 'black');
$('#example-WZART').css('background-color', 'white');
$('#example-WZDSC').css('background-color', 'white');
$('#example-WZQUA').css('background-color', 'white');
$('#example-WZART').removeClass('font-weight-bold');
$('#example-WZDSC').removeClass('font-weight-bold');
$('#example-WZQUA').removeClass('font-weight-bold');
$('.example-row-mode').css('background-color', 'white');
//============================================================================
// Bold
//============================================================================
// Bold on PNC level
if ( myBackGroundType == 'PN')
{
console.log('Bold')
if ( boldMode == 'Y' ) {
$('#example-WZART').addClass( 'font-weight-bold' );
} else {
$('#example-WZART').removeClass( 'font-weight-bold' );
}
}
// Bold on PNC/Descp level
if ( myBackGroundType == 'RW')
{
if ( boldMode == 'Y' ) {
$('#example-WZART').addClass( 'font-weight-bold' );
$('#example-WZDSC').addClass( 'font-weight-bold' );
$('#example-WZQUA').addClass( 'font-weight-bold' );
} else {
$('#example-WZART').removeClass( 'font-weight-bold' );
$('#example-WZDSC').removeClass( 'font-weight-bold' );
$('#example-WZQUA').removeClass( 'font-weight-bold' );
}
}
//============================================================================
// Font size
//============================================================================
// Get value and add to example
let myPointSize = $('#modal-input-WZPSZ').val();
if ( myBackGroundType == 'PN') {
$('#example-WZART').css('font-size', myPointSize + 'px' );
$('#example-WZDSC').css('font-size', myPointSize + 'px' );
$('#example-WZQUA').css('font-size', myPointSize + 'px' );
}
if ( myBackGroundType == 'RW') {
$('#example-WZART').css('font-size', myPointSize + 'px' );
$('#example-WZDSC').css('font-size', myPointSize + 'px' );
$('#example-WZQUA').css('font-size', myPointSize + 'px' );
}
//============================================================================
// Color
//============================================================================
if ( myBackGroundType == 'PN')
{
$('#example-WZART').css('color', myTextColor);
$('#example-WZDSC').css('color', myTextColor);
$('#example-WZQUA').css('color', myTextColor);
$('#example-WZART').css('background-color', myBgColor);
$('#example-WZDSC').css('background-color', myBgColor);
$('#example-WZQUA').css('background-color', myBgColor);
}
if ( myBackGroundType == 'RW')
{
$('#example-WZART').css('color', myTextColor);
$('#example-WZDSC').css('color', myTextColor);
$('#example-WZQUA').css('color', myTextColor);
$('#example-WZART').css('background-color', myBgColor);
$('#example-WZDSC').css('background-color', myBgColor);
$('#example-WZQUA').css('background-color', myBgColor);
//$('.example-col-WZART').css('background-color', '');
$('.example-row-mode').css('background-color', myBgColor);
}
}
//=============================================================================
// Set bold Y/N
//=============================================================================
function setBoldMode( boldMode )
{
if ( boldMode == 'Y' ) {
$('#button-bold-mode-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-bold-mode-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-bold-mode-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-bold-mode-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-WZBLD').val( boldMode );
// Set example data
setExampleData();
}
//=============================================================================
// Set default modal input fields
//=============================================================================
function setModalInputDefaultFields()
{
var myLILIN = $('#input-LILIN').val();
$('#modal-input-ACTIV').val('1');
$('#modal-input-LILIN').val( myLILIN );
$('#modal-input-WZQUA').val('1');
$('#modal-input-WZPSZ').val('30');
$('#modal-input-WZNUM').val('0');
$('#modal-input-RES1A').val('N');
$('#modal-input-RES2A').val('N');
$('#modal-input-RES3A').val('N');
$('#modal-input-RES1N').val('0');
$('#modal-input-RES3N').val('0');
$('#modal-input-RES5N').val('0');
$('#modal-input-RES9N').val('0');
$('#modal-input-WZBTP').val('PN');
$('#modal-input-WZCLR').spectrum("set", '#000' );
$('#modal-input-WZBCL').spectrum("set", '#FFF' );
}
//=============================================================================
// Reset modal input fields
//=============================================================================
function resetModalInputFields()
{
$('#modal-input-ACTIV').val('');
$('#modal-input-CMPNO').val('');
$('#modal-input-LILIN').val('');
$('#modal-input-WZART').val('');
$('#modal-input-WZQUA').val('');
$('#modal-input-WZDSC').val('');
$('#modal-input-WZBLD').val('');
$('#modal-input-WZHGH').val('');
$('#modal-input-WZRVS').val('');
$('#modal-input-WZRVS').val('');
$('#modal-input-WZBAR').val('');
$('#modal-input-WZCLR').val('');
$('#modal-input-WZPSZ').val('');
$('#modal-input-WZDT1').val('');
$('#modal-input-WZDT2').val('');
$('#modal-input-WZDT3').val('');
$('#modal-input-WZDT4').val('');
$('#modal-input-WZDT5').val('');
$('#modal-input-WZAC1').val('');
$('#modal-input-WZAC2').val('');
$('#modal-input-WZAC3').val('');
$('#modal-input-WZAC4').val('');
$('#modal-input-WZAC5').val('');
$('#modal-input-WZBTN').val('');
$('#modal-input-WZBTT').val('');
$('#modal-input-WZTINF').val('');
$('#modal-input-WZMPS').val('');
$('#modal-input-WZMLE').val('');
$('#modal-input-WZMLW').val('');
$('#modal-input-WZUNI').val('');
$('#modal-input-WZMLP').val('');
$('#modal-input-WZMLV').val('');
$('#modal-input-WZMWP').val('');
$('#modal-input-WZPTY').val('');
$('#modal-input-WZAIS').val('');
$('#modal-input-WZROW').val('');
$('#modal-input-WZTIR').val('');
$('#modal-input-WZNUM').val('');
$('#modal-input-WZPKT').val('');
$('#modal-input-WZIO1').val('');
$('#modal-input-WZIO2').val('');
$('#modal-input-WZIO3').val('');
$('#modal-input-WZWEI').val('');
$('#modal-input-WZMEA').val('');
$('#modal-input-WZCNT').val('');
$('#modal-input-WZSPW').val('');
$('#modal-input-RES1A').val('');
$('#modal-input-RES2A').val('');
$('#modal-input-RES3A').val('');
$('#modal-input-RES4A').val('');
$('#modal-input-RES1N').val('');
$('#modal-input-RES3N').val('');
$('#modal-input-RES5N').val('');
$('#modal-input-RES9N').val('');
$('#modal-input-WZBCL').val('');
$('#modal-input-WZBTP').val('');
}
//=============================================================================
// Set PNC text
//=============================================================================
function setPNCtest()
{
// Get PNC
let myWZART = $('#modal-input-WZART').val();
let myWZDSC = $('#modal-input-WZDSC').val();
let myWZQUA = $('#modal-input-WZQUA').val();
if ( myWZART == '' ) {
$('#example-WZART').html('PNC');
} else {
$('#example-WZART').html( myWZART );
}
if ( myWZDSC == '' ) {
$('#example-WZDSC').html('DSC');
} else {
$('#example-WZDSC').html( myWZDSC );
}
if ( myWZQUA == '0' || myWZQUA == '' ) {
$('#example-WZQUA').html('QUA');
} else {
$('#example-WZQUA').html( myWZQUA );
}
}
//=============================================================================
// Set action for this PNC
//=============================================================================
function setActionPNC( actionValue, actionButton_ID1, actionButton_ID2)
{
// Create some ids
let buttonID = 'action-button-' + actionButton_ID1 + '-' + actionButton_ID2;
let buttonClass = 'action-class-section-' + actionButton_ID1;
let buttonInput = 'modal-input-WZAC' + actionButton_ID1
let buttonInputURL = 'modal-input-WZDT' + actionButton_ID1
if ( actionValue == '*RESET' ) {
$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');
$('#' + buttonInput ).val( '' );
} else {
// Set all button
$('.' + buttonClass ).removeClass('bg-success text-white xtext-dark').addClass('fa-thin');
// Set "the" button
$('#' + buttonID ).addClass('bg-success text-white');
// Set "the" value
$('#' + buttonInput ).val( actionValue );
}
// Place cusor
$('#' + buttonInputURL ).trigger('focus');
}
//=============================================================================
// Set background type mode
//=============================================================================
function setBackGroundMode( bgTpMode )
{
if ( bgTpMode == 'RW' ) {
$('#button-bgtype-mode-rw').removeClass('btn-primary').addClass('btn-success');
$('#button-bgtype-mode-pn').removeClass('btn-success').addClass('btn-primary');
// Change borders
$('.example-row-mode').addClass('border border-dark');
$('.example-col-mode').removeClass('border border-dark');
} else {
$('#button-bgtype-mode-rw').removeClass('btn-success').addClass('btn-primary');
$('#button-bgtype-mode-pn').removeClass('btn-primary').addClass('btn-success');
// Change borders
$('.example-col-mode').addClass('border border-dark');
$('.example-row-mode').removeClass('border border-dark');
}
$('#modal-input-WZBTP').val( bgTpMode );
// Show example
setExampleData();
}
//=============================================================================
// Log off
//=============================================================================
function signoff()
{
window.location.href = "logout.php";
}
//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{
window.location.href = url;
}
//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {
// Reset
//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( ' ' );
$('#modal-message').removeClass('border-bottom').html( ' ' );
$('#modal-save-button').removeClass('disabled').prop("disabled", false);
}
//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{
let charactersToRemove = '?#"\'';
let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');
myWorkField = myWorkField.replace(myPattern,'');
return myWorkField;
}
//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{
var winname = 'win_' + url;
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
if ( parseInt(v1_w) > 1800 ) {
v1_w = 1800;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
}
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{
var v1_w = screen.availWidth;
var v1_h = screen.availHeight;
// Get 25%
v1_w_pct = v1_w * 0.25;
v1_w_new = v1_w - v1_w_pct;
if ( v1_w_new < 1 ) {
v1_w_new = 1800;
}
v1_w = v1_w_new;
v1_h = v1_h - 200;
v1_center = v1_w/0.8;
// Center popup as good as possible
var left = (screen.width - v1_w) / 2;
var top = (screen.height - v1_h) / 4;
var winname = 'win_' + url;
params = 'width='+v1_w;
params += ', height='+v1_h;
params += ', top=' + top + ', left=' + left;
params += ', fullscreen=yes';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{
var winname = 'win_' + url;
w = 650;
h = 750;
params = 'width='+w;
params += ', height='+h;
params += ', top=0, left=0'
params += ', fullscreen=no';
params += ',scrollbars=1';
overview_win = window.open(url,winname, params);
if (window.focus) {overview_win.trigger('focus')}
return false;
}
//=============================================================================
// Format prodid
//=============================================================================
function formatPRODID( input_PRODID )
{
// Ensure the input is a string
let str = input_PRODID.toString();
// Insert hyphens at specific positions
let formattedStr = str.slice(0, 5) + '-' + str.slice(5, 15) + '-' + str.slice(15);
return formattedStr;
}
//=============================================================================
// Set hidden input colors
//=============================================================================
function setInputColorsToHiddenControlFields( myID, myColor )
{
if ( myID == 'modal-input-WZCLR' ) {
$('#input-current-text-color').val( myColor );
}
if ( myID == 'modal-input-WZBCL' ) {
$('#input-current-background-color').val( myColor );
}
}
//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{
let charactersToRemove = '?#"\'';
let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');
myWorkField = myWorkField.replace(myPattern,'');
return myWorkField;
}
//=============================================================================
// Show MOA style example
//=============================================================================
function showMOAstyleExample()
{
if ( $('#show-example-wrapper').hasClass('d-none') ) {
$('#show-example-wrapper').removeClass('d-none');
$('#button-moa-style-example').html('<?php echo $datahub_text0051 ?>')
} else {
$('#show-example-wrapper').addClass('d-none');
$('#button-moa-style-example').html('<?php echo $datahub_text0050 ?>')
}
}
//=============================================================================
// Set RES3A button - Show location on takt/moa list
//=============================================================================
function setRES3AButton( activeMode )
{
if ( activeMode == 'Y' ) {
$('#button-RES3A-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-RES3A-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-RES3A-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-RES3A-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-RES3A').val(activeMode );
}
//=============================================================================
// Set RES2A button - Use full screen
//=============================================================================
function setRES2AButton( activeMode )
{
if ( activeMode == 'Y' ) {
$('#button-RES2A-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-RES2A-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-RES2A-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-RES2A-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-RES2A').val(activeMode );
}
//=============================================================================
// Set RES1A button - Use full screen
//=============================================================================
function setRES1AButton( activeMode )
{
if ( activeMode == 'Y' ) {
$('#button-RES1A-yes').removeClass('btn-primary').addClass('btn-success');
$('#button-RES1A-no').removeClass('btn-success').addClass('btn-primary');
} else {
$('#button-RES1A-yes').removeClass('btn-success').addClass('btn-primary');
$('#button-RES1A-no').removeClass('btn-primary').addClass('btn-success');
}
$('#modal-input-RES1A').val(activeMode );
}
//=============================================================================
// Select line modal
//=============================================================================
function selectLineModal( inputLine )
{
$('#modal-input-LILIN').val( inputLine );
var selectButtonLineID = 'select-button-line-id-modal-' + inputLine;
$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
$('#' + selectButtonLineID).removeClass('btn-primary').addClass('btn-success');
// Place cursor
$('#modal-input-WZART').trigger('focus');
resetModalMessage();
}
//=============================================================================
// Reset line modal
//=============================================================================
function resetLineModal()
{
resetModalMessage()
let inputLine = $('#modal-input-LILIN').val();
if ( inputLine == '' ) {
$('.select-button-line-modal').removeClass('btn-success').addClass('btn-primary');
}
}
//=============================================================================
// Set action type
//=============================================================================
function setActionType( inputType )
{
outputType = '';
if ( inputType == '*PDF' ) {
outputType = '1';
}
if ( inputType == '*PIC' ) {
outputType = '2';
}
if ( inputType == '*SCAN' ) {
outputType = '3';
}
if ( inputType == '*MOVIE' ) {
outputType = '4';
}
if ( inputType == '*LINK' ) {
outputType = '5';
}
if ( inputType == '*CHECK' ) {
outputType = '6';
}
return outputType;
}
//=============================================================================
// Open previewer
//=============================================================================
function preViewElement( myElement )
{
let h = $(window).height();
let w = $(window).width();
console.log('h: ' + h + ' -- ' + 'w: ' + w);
h = h * 0.75;
console.log('h: ' + h + ' -- ' + 'w: ' + w);
// Create ID
let myID = '#' + myElement;
let myURL = $( myID ).val();
let myIFRAME = '<iframe style="height:' + h + 'px;width:100%;" src=' + myURL +'></iframe>';
// Set iframe
$('#modal-preview-iframe').html( myIFRAME );
// Show modal
$('#wa0356_previewModal').modal('show');
}
//=============================================================================
// Set changed modal data
//=============================================================================
function setChangedModalData( myLILIN, myWZART, myWZDSC, myACTIV )
{
$('#modal-input-LILIN').val( myLILIN );
$('#modal-input-WZART').val( myWZART );
$('#modal-input-WZDSC').val( myWZDSC );
$('#modal-input-ACTIV').val( myACTIV );
}
//=============================================================================
// Get data - search
//=============================================================================
function setWebserviceSearch( input_LILIN )
{
// Save curreent webservice name
$('#input-LILIN').val( input_LILIN );
var selectButtonLineID = 'select-button-line-id-' + input_LILIN;
// Set clicked button
$('.select-button-line').removeClass('btn-success').addClass('btn-dark');
$('#' + selectButtonLineID).removeClass('btn-dark').addClass('btn-success');
// Clear table - note the draw will occur in the getData function
$('#REEFTvisual_data').DataTable().clear();
getData();
//=============================================================================
// Place curor in search field
//=============================================================================
$('div.dt-search .dt-input').focus();
//=============================================================================
}
//=============================================================================
// Close modal
//=============================================================================
function closeModal() {
$('#wa0356_MaintainModal').modal('hide');
}
//=============================================================================
// Set clock
//=============================================================================
function updateClock() {
var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )
$('#current-time').html( currentTime );
}
//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{
// Do not show deleted
$('#input-show-deleted').val('Y');
$('#input-LILIN').val('<?php echo $LILIN ?>');
// Get data done by datatables
setDataTables();
$('#delay-marker-id').html('<i id="delay-marker-icon-id" class="text-success fa-solid fa-circle"></i>');
//-----------------------------------------------------------------------
// Start the clock
//-----------------------------------------------------------------------
updateClock();
setInterval(function() {
updateClock();
}, 1000);
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Set font awesome icon type
//-----------------------------------------------------------------------
// Value is from config/config.php
var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
setFontAwesomeIconType( iconType );
//-----------------------------------------------------------------------
//-----------------------------------------------------------------------
// Delay keyup checker
//-----------------------------------------------------------------------
var delay = (function () {
var timer = 0;
return function (callback, ms) {
clearTimeout(timer);
timer = setTimeout(callback, ms);
};
})()
// DataTable search delay
//$('#REEFTvisual_data_wrapper .dataTables_filter input')
$('#REEFTvisual_data_wrapper div.dt-search .dt-input')
.unbind() // overrule normal behavior
.bind('keyup', function(e){
$('#delay-marker-icon-id').removeClass('text-success').addClass('text-danger');
var inputValue = $('#REEFTvisual_data_wrapper div.dt-search .dt-input').val();
var currSearchValue = $('#input-search-line').val();
if (inputValue != currSearchValue) {
$('#input-search-line').val( inputValue );
//If enter or delete we update immediately, consider to add backspace=8 and delete=46 also
const keyList = [13];
if (keyList.includes(e.keyCode)) {
// console.log('immediately ' + inputValue );
$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
thisGlobalTableData.search(inputValue).draw(); // fire in the hole
} else {
delay(function () {
// console.log('this will hit, once user has not typed for 1 second ' + inputValue );
$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
thisGlobalTableData.search(inputValue).draw(); // fire in the hole
}, 0800);
}
}
});
//-----------------------------------------------------------------------
// Check PNC exists
//-----------------------------------------------------------------------
let $filter01 = $('#modal-input-WZART');
$filter01.on('keyup', function () {
delay(function () {
var inputValue = $('#modal-input-WZART').val();
if ( inputValue != '') {
console.log('this will hit, once user has not typed for 1 second ' + inputValue );
checkDataExists();
}
}, 0800);
});
//-----------------------------------------------------------------------
// Event listener for the update button
//-----------------------------------------------------------------------
$('#updateButton').on('click', function() {
// Trigger a redraw of the table
thisGlobalTableData.draw();
});
//-----------------------------------------------------------------------
// Set short cuts
//-----------------------------------------------------------------------
// If add d-none class, do not add shortcut
if ( GLOBAL_ADD_ALLOWED == 'Y' ) {
shortcut.add("Alt+F6",function() {
$('#add-button').click();
});
// Show add button
$('#add-button').removeClass('d-none');
}
// Close window
shortcut.add("Shift+Esc",function() {
$('#button-close').click();
});
//=========================================================================================================
// Set color picker - TEXT
//
// Create HEX value (https://en.wikipedia.org/wiki/Web_colors)
// var hexValueColor = color.toHexString();
//
// Create RGB (https://en.wikipedia.org/wiki/RGB_color_model)
// hexcolor = hexcolor.replace("#", "");
// var r = parseInt(hexcolor.substr(0,2),16);
// var g = parseInt(hexcolor.substr(2,2),16);
// var b = parseInt(hexcolor.substr(4,2),16);
// var yiq = ((r*299)+(g*587)+(b*114))/1000;
//
//
// Create YIQ (https://en.wikipedia.org/wiki/YIQ)
// if ( yiq >= 128) {
// var textColor = 'black';
// } else {
// var textColor = 'white';
// }
//
// console.log('change: ' + hexcolor + ' ' + hexValueColor + ' ' + yiq + ' ' + r + ' ' + g + ' ' + b );
//
//=========================================================================================================
$(".text-color-palette").spectrum({
showInitial: true,
showInput: true,
chooseText: "Vælg farve",
cancelText: "Annuller",
preferredFormat: "hex",
color: "#000",
showPalette: true,
flat: false,
palette: [
["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],
["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],
["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],
["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],
["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],
["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],
["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],
["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]
],
// Called as the original input changes. Only happens when the input is closed or the 'Choose' button is clicked.
change: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
move: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
show: function(color) {
$('#input-current-color-picker').val( this.id );
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
},
hide: function(color) {
// Get hex color
var hexValueColor = color.toHexString();
setInputColorsToHiddenControlFields( this.id, hexValueColor );
setExampleData();
}
});
//-----------------------------------------------------------------------
// Console size of font for PNC
//-----------------------------------------------------------------------
$("input[type=number]").bind('keyup input', function(){
//console.log(this.id + ' ' + this.value);
if ( this.id == 'modal-input-WZPSZ' ) {
setExampleData();
}
});
// Make sure scroll is active when closeing the previevwer
$('#wa0356_previewModal').on("hidden.bs.modal", function (e) { //fire on closing modal box
if ($('.modal:visible').length) { // check whether parent modal is opend after child modal close
$('body').addClass('modal-open'); // if open mean length is 1 then add a bootstrap css class to body of the page
// Remove iframe data...
$('#modal-preview-iframe').html('');
}
});
});
// -->
</script>
</head>
<body>
<div class="container-fluid mt-2 pl-3 pr-3">
<input type="text" class="d-none" id="input-LILIN">
<input type="text" class="d-none" id="input_search">
<input type="text" class="d-none" id="input-prdno-not-found">
<input type="text" class="d-none" id="input-mode" >
<input type="text" class="d-none" id="input-show-deleted" >
<input type="text" class="d-none" id="input-search-line">
<input type="text" class="d-none" id="input-filter-line">
<input type="text" class="d-none" id="input-rpyOffSet">
<input type="text" class="d-none" id="input-rpyTotalRecordsFound">
<input type="text" class="d-none" id="input-rpyTotalPages">
<input type="text" class="d-none" id="input-rpyPageSize">
<div class="row">
<div class="col-2">
<img src="images/customer-logo.png" alt="Customer Logo">
</div>
<div class="col-8 text-center <?php echo $DFT_CLOCK_SIZE ?>">
<i class="font-awesome-pseudo-class fa-thin fa-clock"></i> <span id="current-time"><?php echo date('d-m-Y h:i:s') ?></span>
</div>
<div class="col-2 text-right">
<div class="btn btn-primary mb-1" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-home"></i></div>
<div class="d-none">
<div class="btn btn-primary mb-1 d-none d-xl-inline-block" onclick="loadPage('menu_main.php','','','')" title="<?php echo $datahub_go_to_my_dear_home_03 ?>"><i class="font-awesome-pseudo-class fa-2x fa-thin fa-fort"></i></div>
<div class="btn btn-danger mb-1 d-none d-lg-inline-block" onclick="signoff()" title="<?php echo $datahub_go_to_my_dear_home_02 ?>"><i class="font-awesome-pseudo-class fa-thin fa-2x fa-right-from-bracket"></i></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<div id="data-hub-company-information"></div>
</div>
</div>
<div class="card mt-2">
<div class="card-header text-muted">
<div class="row mt-2">
<div class="col-4 h4">
<i class="font-awesome-pseudo-class fa-thin fa-anchor"></i> <?php echo "$datahub_text0126"; ?>
</div>
<div class="col text-right font-weight-bold">
<button type="button" class="d-none btn btn-dark" id="button-toggle-show-deleted" title="Alt+F2=Toggle" onclick="showDeleted()"><?php echo $datahub_button_show_also_deleted ?> : <span id="button-show-deleted" class="font-weight-bold"><?php echo $datahub_YES ?></span></button>
<div class="row d-none">
<div class="col-10 text-right">
</div>
<div class="col text-right">
<?php echo $datahub_text0059 ?> <span id="text-current-page">...</span> <?php echo $datahub_text0060 ?> <span id="text-total-pages">...</span>
</div>
</div>
<div class="row">
<div class="col-10 text-right">
</div>
<div class="col text-right">
<?php echo $datahub_text0061 ?> : <span id="text-total-records-found">...</span>
</div>
</div>
<div class="row">
<div class="col-10 text-right">
</div>
<div class="col text-right">
<span id="delay-marker-id"></span>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<!-- Group lines found -->
<div class="d-none d-lg-block">
<div class="row mb-2">
<div class="col-12">
<div id="data-result-button-lines"></div>
</div>
</div>
</div>
<div class="row mt-2" style="width: 100%">
<div class="col">
<div id="data-result" style="width: 100%"></div>
<table id="REEFTvisual_data" class="table nowrap table-bordered table-striped table-hover">
<thead>
<tr class="bg-primary text-white font-weight-bold text-center">
<th class="text-left"><?php echo $datahub_text0023 ?></th>
<th class="text-left"><?php echo $datahub_text0038 ?></th>
<th class="text-left"><?php echo $datahub_text0026 ?></th>
<th class="text-center"><?php echo $datahub_text0006 ?></th>
<th class="text-left"><button type="button" id="add-button" title="Shortcut: Alt+F6" onclick="dataAdd('0')" class="d-none btn btn-dark btn-block font-weight-bold"><?php echo $datahub_button_save_01 ?></button></th>
<th class="text-left"></th>
<th class="text-left">CMPNO</th>
<th class="text-left">WZHGH</th>
<th class="text-left">WZRVS</th>
<th class="text-left">WZBAR</th>
<th class="text-left">WZCLR</th>
<th class="text-left">WZPSZ</th>
<th class="text-left">WZDT1</th>
<th class="text-left">WZDT2</th>
<th class="text-left">WZDT3</th>
<th class="text-left">WZDT4</th>
<th class="text-left">WZDT5</th>
<th class="text-left">WZAC1</th>
<th class="text-left">WZAC2</th>
<th class="text-left">WZAC3</th>
<th class="text-left">WZAC4</th>
<th class="text-left">WZAC5</th>
<th class="text-left">WZBTN</th>
<th class="text-left">WZBTT</th>
<th class="text-left">WZTINF</th>
<th class="text-left">WZMPS</th>
<th class="text-left">WZMLE</th>
<th class="text-left">WZMLW</th>
<th class="text-left">WZUNI</th>
<th class="text-left">WZMLP</th>
<th class="text-left">WZMLV</th>
<th class="text-left">WZMWP</th>
<th class="text-left">WZPTY</th>
<th class="text-left">WZAIS</th>
<th class="text-left">WZROW</th>
<th class="text-left">WZTIR</th>
<th class="text-left">WZNUM</th>
<th class="text-left">WZPKT</th>
<th class="text-left">WZIO1</th>
<th class="text-left">WZIO2</th>
<th class="text-left">WZIO3</th>
<th class="text-left">WZWEI</th>
<th class="text-left">WZMEA</th>
<th class="text-left">WZCNT</th>
<th class="text-left">WZSPW</th>
<th class="text-left">RES1A</th>
<th class="text-left">RES2A</th>
<th class="text-left">RES3A</th>
<th class="text-left">RES4A</th>
<th class="text-left">RES1N</th>
<th class="text-left">RES3N</th>
<th class="text-left">RES5N</th>
<th class="text-left">RES9N</th>
<th class="text-left">WZBCL</th>
<th class="text-left">WZBTP</th>
<th class="text-left">WZBLD</th>
<th class="text-left">WZQUA</th>
<th class="text-left">ACTIV</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="row">
<div class="col text-right mb-2">
<small><div id="load-time-from-database"></div></small>
</div>
</div>
</div>
</div>
</div>
<!-- Set footer -->
<?php
include "include/footer.php";
?>
<!-- Set footer -->
<!-- ========================================================================== -->
<!-- M O D A L S -->
<!-- ========================================================================== -->
<!-- Modal -->
<div class="modal fade" id="wa0356_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="wa0356_MaintainModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<div class="container-fluid pl-0 pr-0">
<div class="row">
<div class="col-8">
<h5 class="modal-title" id="wa0356_MaintainModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-anchor"></i> <?php echo $datahub_text0126 ?></h5>
</div>
<div class="col text-right">
<button type="button" class="btn btn-dark btn-sm" id="button-moa-style-example" onclick="showMOAstyleExample()"><?php echo $datahub_text0050 ?></button>
</div>
<div class="col-1 text-right" style="max-width:20px">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
</div>
</div>
<div class="modal-body ml-2 mr-2">
<!-- Hidden fields start -->
<input type="text" class="d-none" id="input-current-color-picker">
<input type="text" class="d-none" id="input-current-text-color">
<input type="text" class="d-none" id="input-current-background-color">
<!-- Hidden fields end -->
<!-- Message if screen is not wide enough -->
<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
</div>
<!-- Message if screen is not wide enough -->
<div class="row border-bottom border-dark p-1 mb-2 d-none" id="show-example-wrapper" style="height:120px;max-height:120px">
<div class="col-12">
<div class="row">
<div class="col-4">
<div class="font-weight-bold"><?php echo $datahub_text0035 ?></div>
</div>
</div>
<div class="row example-row-mode">
<div class="example-col-WZART example-col-mode col-4 border border-dark m-1">
<span id="example-WZART">PNC</span>
</div>
<div class="example-col-WZDSC example-col-mode col-6 border border-dark m-1">
<span id="example-WZDSC">DSC</span>
</div>
<div class="example-col-WZQUA example-col-mode col-1 border text-center border-dark m-1">
<span id="example-WZQUA">QUA</span>
</div>
</div>
</div>
</div>
<!-- Hidden fields start outside of the <form> -->
<input type="text" class="d-none" id="modal-input-counter" name="modal-input-counter">
<!-- Hidden fields end -->
<form name="dataForm" id="dataForm">
<!-- Hidden fields start -->
<input type="text" class="d-none" id="modal-input-CMPNO" name="modal-input-CMPNO">
<input type="text" class="d-none" id="modal-input-WZBTN" name="modal-input-WZBTN">
<input type="text" class="d-none" id="modal-input-WZTINF" name="modal-input-WZTINF">
<input type="text" class="d-none" id="modal-input-WZMPS" name="modal-input-WZMPS">
<input type="text" class="d-none" id="modal-input-WZUNI" name="modal-input-WZUNI">
<input type="text" class="d-none" id="modal-input-WZMLP" name="modal-input-WZMLP">
<input type="text" class="d-none" id="modal-input-WZMLV" name="modal-input-WZMLV">
<input type="text" class="d-none" id="modal-input-WZMWP" name="modal-input-WZMWP">
<input type="text" class="d-none" id="modal-input-WZPTY" name="modal-input-WZPTY">
<input type="text" class="d-none" id="modal-input-WZNUM" name="modal-input-WZNUM">
<input type="text" class="d-none" id="modal-input-WZPKT" name="modal-input-WZPKT">
<input type="text" class="d-none" id="modal-input-WZIO1" name="modal-input-WZIO1">
<input type="text" class="d-none" id="modal-input-WZIO2" name="modal-input-WZIO2">
<input type="text" class="d-none" id="modal-input-WZIO3" name="modal-input-WZIO3">
<input type="text" class="d-none" id="modal-input-WZWEI" name="modal-input-WZWEI">
<input type="text" class="d-none" id="modal-input-WZMEA" name="modal-input-WZMEA">
<input type="text" class="d-none" id="modal-input-WZCNT" name="modal-input-WZCNT">
<input type="text" class="d-none" id="modal-input-WZCNT" name="modal-input-WZCNT">
<input type="text" class="d-none" id="modal-input-WZSPW" name="modal-input-WZSPW">
<input type="text" class="d-none" id="modal-input-RES4A" name="modal-input-RES4A">
<input type="text" class="d-none" id="modal-input-RES1N" name="modal-input-RES1N">
<input type="text" class="d-none" id="modal-input-RES3N" name="modal-input-RES3N">
<input type="text" class="d-none" id="modal-input-RES5N" name="modal-input-RES5N">
<input type="text" class="d-none" id="modal-input-RES9N" name="modal-input-RES9N">
<!-- Hidden fields end -->
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0023 ?>
</div>
<div class="col-1" style="max-width:75px">
<input class="form-control form-inline" style="width:60px" type="text" id="modal-input-LILIN" name="modal-input-LILIN" onkeyup="resetModalMessage(),this.value = this.value.toUpperCase(),resetLineModal();">
</div>
<div class="col-8">
<div id="data-result-button-lines-modal"></div>
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0033 ?>
</div>
<div class="col-3">
<input class="form-control" type="text" onkeyup="resetModalMessage(),setPNCtest()" id="modal-input-WZART" name="modal-input-WZART">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0026 ?>
</div>
<div class="col-5">
<input class="form-control" type="text" id="modal-input-WZDSC" name="modal-input-WZDSC" onkeyup="resetModalMessage(),setPNCtest()">
</div>
</div>
<div class="row mt-2 text-dark">
<div class="col-3"></div>
<div class="col-1" style="font-size:14px">
<?php echo $datahub_text0030 ?>
</div>
<div class="col-2" style="font-size:14px">
<?php echo $datahub_text0036 ?>
</div>
<div class="col-1" style="font-size:14px">
<?php echo $datahub_text0031 ?>
</div>
<div class="col-2" style="font-size:14px">
<?php echo $datahub_text0025 ?>
</div>
<div class="col-2" style="font-size:14px">
<?php echo $datahub_text0034 ?>
</div>
</div>
<div class="row mt-3">
<div class="col-3">
<?php echo $datahub_text0045 ?>
</div>
<div class="col-1">
<input class="text-color-palette form-control" type="text" id="modal-input-WZCLR" name="modal-input-WZCLR">
</div>
<div class="col-2">
<input class="text-color-palette form-control" type="text" id="modal-input-WZBCL" name="modal-input-WZBCL">
</div>
<div class="col-1">
<input class="form-control" style="width:100px" type="number" step="1" min="30" max="75" id="modal-input-WZPSZ" name="modal-input-WZPSZ" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<button type="button" class="mb-1 btn btn-primary" onclick="setBoldMode('Y')" id="button-bold-mode-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="mb-1 btn btn-primary" onclick="setBoldMode('N')" id="button-bold-mode-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" id="modal-input-WZBLD" name="modal-input-WZBLD" onkeyup="resetModalMessage()">
</div>
<div class="col-2">
<button type="button" class="mb-1 btn btn-primary" onclick="setBackGroundMode('RW')" id="button-bgtype-mode-rw"><?php echo $datahub_text0037 ?></button>
<button type="button" class="mb-1 btn btn-primary" onclick="setBackGroundMode('PN')" id="button-bgtype-mode-pn"><?php echo $datahub_text0038 ?></button>
<input class="d-none form-control" type="text" id="modal-input-WZBTP" name="modal-input-WZBTP" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
</div>
<div class="col-2 xfont-weight-bold" style="font-size:14px">
<?php echo $datahub_text0039 ?>
</div>
<div class="col-2 xfont-weight-bold" style="font-size:14px">
<?php echo $datahub_text0044 ?>
</div>
</div>
<div class="row mt-0">
<div class="col-3">
<?php echo $datahub_text0040 ?>
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZMLE" name="modal-input-WZMLE" maxlength="15">
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZMLW" name="modal-input-WZMLW" maxlength="15">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
</div>
<div class="col-2 xfont-weight-bold" style="font-size:14px">
<?php echo $datahub_text0041 ?>
</div>
<div class="col-2 xfont-weight-bold" style="font-size:14px">
<?php echo $datahub_text0042 ?>
</div>
<div class="col-2 xfont-weight-bold" style="font-size:14px">
<?php echo $datahub_text0043 ?>
</div>
</div>
<div class="row mt-0">
<div class="col-3">
<?php echo $datahub_text0040 ?>
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZAIS" name="modal-input-WZAIS" maxlength="10">
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZROW" name="modal-input-WZROW" maxlength="10">
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZTIR" name="modal-input-WZTIR" maxlength="10">
</div>
</div>
<!-- DO NOT SHOW -->
<div class="row mt-2 d-none">
<div class="col-3">
<?php echo $datahub_text0024 ?>
</div>
<div class="col-4 col-sm-3 col-md-2 col-lg-2 col-xl-2">
<input class="form-control" type="number" step="1" id="modal-input-WZQUA" min="1" name="modal-input-WZQUA" onkeyup="resetModalMessage(),setPNCtest()">
</div>
</div>
<!-- DO NOT SHOW -->
<div class="row mt-2 d-none">
<div class="col-3">
<?php echo $datahub_text0027 ?>
</div>
<div class="col-6">
<input class="form-control" type="text" id="modal-input-WZHGH" name="modal-input-WZHGH" onkeyup="resetModalMessage()">
</div>
</div>
<!-- DO NOT SHOW -->
<div class="row mt-2 d-none">
<div class="col-3">
<?php echo $datahub_text0028 ?>
</div>
<div class="col-6">
<input class="form-control" type="text" id="modal-input-WZRVS" name="modal-input-WZRVS" onkeyup="resetModalMessage()">
</div>
</div>
<!-- DO NOT SHOW -->
<div class="row mt-2 d-none">
<div class="col-3">
<?php echo $datahub_text0029 ?>
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZBAR" name="modal-input-WZBAR" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-4">
<div class="col-3">
<?php echo $datahub_text0032 ?>
</div>
<div class="col-9">
<div class="row">
<div class="col">
<div class="input-group mb-1">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-input-1">1</span>
</div>
<input class="form-control" type="text" id="modal-input-WZDT1" name="modal-input-WZDT1" onkeyup="resetModalMessage()">
<div class="input-group-append">
<span class="input-group-text" onclick="preViewElement('modal-input-WZDT1')" style="cursor:help" id="basic-input-append-1"><i class="fa-thin fa-eye"></i></span>
</div>
</div>
</div>
<div class="col-5">
<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
<i title="PDF" onclick="setActionPNC('*PDF','1','1')" id="action-button-1-1" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
<i title="Image" onclick="setActionPNC('*PIC','1','2')" id="action-button-1-2" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
<i title="Scan" onclick="setActionPNC('*SCAN','1','3')" id="action-button-1-3" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
<i title="Movie" onclick="setActionPNC('*MOVIE','1','4')" id="action-button-1-4" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
<i title="Link" onclick="setActionPNC('*LINK' ,'1','5')" id="action-button-1-5" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
<i title="Check" onclick="setActionPNC('*CHECK','1','6')" id="action-button-1-6" class="action-class-section-1 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
<i title="Reset" onclick="setActionPNC('*RESET','1','*')" id="action-button-1-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
<input class="d-none form-control" type="text" id="modal-input-WZAC1" name="modal-input-WZAC1" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row">
<div class="col">
<div class="input-group mb-1">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-input-2">2</span>
</div>
<input class="form-control" type="text" id="modal-input-WZDT2" name="modal-input-WZDT2" onkeyup="resetModalMessage()">
<div class="input-group-append">
<span class="input-group-text" onclick="preViewElement('modal-input-WZDT2')" style="cursor:help" id="basic-input-append-2"><i class="fa-thin fa-eye"></i></span>
</div>
</div>
</div>
<div class="col-5">
<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
<i title="PDF" onclick="setActionPNC('*PDF','2','1')" id="action-button-2-1" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
<i title="Image" onclick="setActionPNC('*PIC','2','2')" id="action-button-2-2" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
<i title="Scan" onclick="setActionPNC('*SCAN','2','3')" id="action-button-2-3" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
<i title="Movie" onclick="setActionPNC('*MOVIE','2','4')" id="action-button-2-4" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
<i title="Link" onclick="setActionPNC('*LINK' ,'2','5')" id="action-button-2-5" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
<i title="Check" onclick="setActionPNC('*CHECK','2','6')" id="action-button-2-6" class="action-class-section-2 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
<i title="Reset" onclick="setActionPNC('*RESET','2','*')" id="action-button-2-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
<input class="d-none form-control" type="text" id="modal-input-WZAC2" name="modal-input-WZAC2" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row d-none">
<div class="col">
<div class="input-group mb-1">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-input-3">3</span>
</div>
<input class="form-control" type="text" id="modal-input-WZDT3" name="modal-input-WZDT3" onkeyup="resetModalMessage()">
</div>
</div>
<div class="col-5">
<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
<i title="PDF" onclick="setActionPNC('*PDF','3','1')" id="action-button-3-1" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
<i title="Image" onclick="setActionPNC('*PIC','3','2')" id="action-button-3-2" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
<i title="Scan" onclick="setActionPNC('*SCAN','3','3')" id="action-button-3-3" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
<i title="Movie" onclick="setActionPNC('*MOVIE','3','4')" id="action-button-3-4" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
<i title="Link" onclick="setActionPNC('*LINK' ,'3','5')" id="action-button-3-5" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
<i title="Check" onclick="setActionPNC('*CHECK','3','6')" id="action-button-3-6" class="action-class-section-3 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
<i title="Reset" onclick="setActionPNC('*RESET','3','*')" id="action-button-3-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
<input class="d-none form-control" type="text" id="modal-input-WZAC3" name="modal-input-WZAC3" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row d-none">
<div class="col">
<div class="input-group mb-1">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-input-4">4</span>
</div>
<input class="form-control" type="text" id="modal-input-WZDT4" name="modal-input-WZDT4" onkeyup="resetModalMessage()">
</div>
</div>
<div class="col-5">
<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
<i title="PDF" onclick="setActionPNC('*PDF','4','1')" id="action-button-4-1" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
<i title="Image" onclick="setActionPNC('*PIC','4','2')" id="action-button-4-2" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
<i title="Scan" onclick="setActionPNC('*SCAN','4','3')" id="action-button-4-3" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
<i title="Movie" onclick="setActionPNC('*MOVIE','4','4')" id="action-button-4-4" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
<i title="Link" onclick="setActionPNC('*LINK' ,'4','5')" id="action-button-4-5" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
<i title="Check" onclick="setActionPNC('*CHECK','4','6')" id="action-button-4-6" class="action-class-section-4 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
<i title="Reset" onclick="setActionPNC('*RESET','4','*')" id="action-button-4-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
<input class="d-none form-control" type="text" id="modal-input-WZAC4" name="modal-input-WZAC4" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row d-none">
<div class="col">
<div class="input-group mb-1">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-input-5">5</span>
</div>
<input class="form-control" type="text" id="modal-input-WZDT5" name="modal-input-WZDT5" onkeyup="resetModalMessage()">
</div>
</div>
<div class="col-5">
<!-- setActionPNC( actionValue, actionButton_ID1, actionButton_ID2) -->
<i title="PDF" onclick="setActionPNC('*PDF','5','1')" id="action-button-5-1" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-file-pdf"></i>
<i title="Image" onclick="setActionPNC('*PIC','5','2')" id="action-button-5-2" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-image"></i>
<i title="Scan" onclick="setActionPNC('*SCAN','5','3')" id="action-button-5-3" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-barcode-read"></i>
<i title="Movie" onclick="setActionPNC('*MOVIE','5','4')" id="action-button-5-4" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-camera-movie"></i>
<i title="Link" onclick="setActionPNC('*LINK' ,'5','5')" id="action-button-5-5" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-link"></i>
<i title="Check" onclick="setActionPNC('*CHECK','5','6')" id="action-button-5-6" class="action-class-section-5 border border-dark p-1 rounded fa-thin fa-2x fa-check"></i>
<i title="Reset" onclick="setActionPNC('*RESET','5','*')" id="action-button-5-X" class="action-class-section-X border border-dark p-1 rounded fa-thin fa-2x fa-ban"></i>
<input class="d-none form-control" type="text" id="modal-input-WZAC5" name="modal-input-WZAC5" onkeyup="resetModalMessage()">
</div>
</div>
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0046 ?>
</div>
<div class="col-2">
<input class="form-control" type="text" id="modal-input-WZBTT" name="modal-input-WZBTT" maxlength="10" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0047 ?>
</div>
<div class="col-2">
<button type="button" class="btn btn-primary" onclick="setRES3AButton('Y')" id="button-RES3A-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setRES3AButton('N')" id="button-RES3A-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" id="modal-input-RES3A" name="modal-input-RES3A" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0048 ?>
</div>
<div class="col-2">
<button type="button" class="btn btn-primary" onclick="setRES2AButton('Y')" id="button-RES2A-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setRES2AButton('N')" id="button-RES2A-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" id="modal-input-RES2A" name="modal-input-RES2A" onkeyup="resetModalMessage()">
</div>
</div>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0049 ?>
</div>
<div class="col-2">
<button type="button" class="btn btn-primary" onclick="setRES1AButton('Y')" id="button-RES1A-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setRES1AButton('N')" id="button-RES1A-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" id="modal-input-RES1A" name="modal-input-RES1A" onkeyup="resetModalMessage()">
</div>
</div>
<hr>
<div class="row mt-2">
<div class="col-3">
<?php echo $datahub_text0006 ?>
</div>
<div class="col-6">
<button type="button" class="btn btn-primary" onclick="setActiveButton('1')" id="button-deleted-yes"><?php echo $datahub_YES ?></button>
<button type="button" class="btn btn-primary" onclick="setActiveButton('0')" id="button-deleted-no"><?php echo $datahub_NO ?></button>
<input class="d-none form-control" type="text" onkeyup="resetModalMessage()" id="modal-input-ACTIV" name="modal-input-ACTIV">
</div>
</div>
</form>
</div>
<div class="modal-footer-pretty modal-footer">
<div class="container-fluid">
<div class="row">
<div class="col-12 text-left">
<div class="p-1 font-weight-bold text-danger border-top border-dark " id="modal-message"> </div>
</div>
</div>
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" id="modal-save-button" class="btn btn-primary btn-block" onclick="dataSave()"><?php echo $datahub_button_save ?></button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary btn-block" onclick="closeModal()"><?php echo $datahub_button_cancel_01 ?></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Confirm delete -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0356_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="wa0356_confirmDeleteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="wa0356_confirmDeleteModalLabel"><?php echo $datahub_text0063 ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form name="dataForm-delete" id="dataForm-delete">
<input type="text" class="d-none" id="confirm-delete-LILIN" name="confirm-delete-LILIN">
<input type="text" class="d-none" id="confirm-delete-WZART" name="confirm-delete-WZART">
</form>
<div class="h6"><?php echo $datahub_text0062 ?>: <span class="font-weight-bold" id="confirm-delete-text-WZART"></span></div>
</div>
<div class="modal-footer">
<div class="container-fluid">
<div class="row mt-1 mb-2">
<div class="col-3 text-left">
<button type="button" onclick="dataDeleteExec()" class="btn btn-primary">Delete</button>
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ************************************************ -->
<!-- Preview PDF and likewise -->
<!-- ************************************************ -->
<div class="modal fade" id="wa0356_previewModal" tabindex="-1" role="dialog" aria-labelledby="wa0356_previewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xxl" role="document">
<div class="modal-content">
<div class="modal-header bg-success text-white">
<h5 class="modal-title" id="wa0356_previewModalLabel">Preview element</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
<div style="background-color:#ccc" class="border border-primary border-5" id="modal-preview-iframe"></div>
<div class="row mt-2 mb-2">
<div class="col-3 text-left">
</div>
<div class="col-6 text-right">
</div>
<div class="col-3 text-right">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>